<script setup lang="ts">
import { useRoute } from 'vue-router';
const route = useRoute()
const currentPath = route.path;
console.log(route)
</script>

<template>
  <div>
    <router-view></router-view>
    <p>Current path: {{ route }}</p>
  </div>
</template>


<style scoped>
.logo.vite:hover {
  filter: drop-shadow(0 0 2em #747bff);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #249b73);
}
</style>
